﻿<!DOCTYPE html>
<html>
<head>
    <title>Menu Test</title>
</head>
<body>
    <div style="position: absolute; width: inherit; left: 400px; top: 100px; background-color: #FAFAFA; border-color: #868686; border-style: solid;
        border-width: 1px">
        <!-- Menu items container -->
        <table style="border-collapse: collapse; margin: 1px">
            <!-- Menu item -->
            <tr style="height: 24px; padding: 0; background: url('../Framework/Toolbar/Graphics/MenuItemHover-Middle.png'); background-repeat: repeat-x;
                vertical-align: middle">
                <td style="width: 24px; border-left-color: #D3C8A6; border-left-style: solid; border-left-width: 1px; border-right-width: 1px; text-align: center;
                    padding: 0;">
                    <img src="../Motion/User Interface/Framework/Toolbar/Icons/Paste.png" style="margin-top: 3px" />
                </td>
                <td style="white-space: nowrap; padding: 0; border-right-color: #D3C8A6; border-right-style: solid; border-right-width: 1px">
                    <div style="font-family: Verdana; font-size: 8pt; margin-left: 7px; margin-right: 24px">
                        Testing 123
                    </div>
                </td>
            </tr>
            <tr style="height: 24px; vertical-align: middle" >
                <td style="width: 24px; background-color: #E9EEEE; border-left-color: #F5F5F5; border-left-style: solid; border-left-width: 1px; border-right-color: #C5C5C5;
                    border-right-style: solid; border-right-width: 1px; text-align: center; padding: 0">
                    <img src="../Motion/User Interface/Framework/Toolbar/Icons/PasteHyperlink.png" style="margin-top: 4px" />
                </td>
                <td style="white-space: nowrap; padding: 0">
                    <div style="font-family: Verdana; font-size: 8pt; margin-left: 7px; margin-right: 24px; border-right-width: 1px">
                        Paste as Hyperlink
                    </div>
                </td>
            </tr>
            <tr style="height: 24px; vertical-align: middle">
                <td style="width: 24px; background-color: #E9EEEE; border-left-color: #F5F5F5; border-left-style: solid; border-left-width: 1px; border-right-color: #C5C5C5;
                    border-right-style: solid; border-right-width: 1px; text-align: center; padding: 0">
                    <img src="../Motion/User Interface/Framework/Toolbar/Icons/Copy.png" style="margin-top: 4px" />
                </td>
                <td style="white-space: nowrap; padding: 0">
                    <div style="font-family: Verdana; font-size: 8pt; margin-left: 7px; margin-right: 24px">
                        Copy
                    </div>
                </td>
            </tr>
            <tr style="height: 24px; vertical-align: middle">
                <td style="width: 24px; background-color: #E9EEEE; border-left-color: #F5F5F5; border-left-style: solid; border-left-width: 1px; border-right-color: #C5C5C5;
                    border-right-style: solid; border-right-width: 1px; text-align: center; padding: 0">
                    <img src="../Motion/User Interface/Framework/Toolbar/Icons/Cut.png" style="margin-top: 4px" />
                </td>
                <td style="white-space: nowrap; padding: 0">
                    <div style="font-family: Verdana; font-size: 8pt; margin-left: 7px; margin-right: 24px">
                        Cut
                    </div>
                </td>
            </tr>
        </table>
    </div>
</body>
</html>
